.tabactive{color:var(--main-color)}
.chatlist{padding:13px;cursor:pointer;background:white;border-bottom:0.5px solid rgba(0,0,0,0.1)}
.chatlist img{height:40px;width:40px;border-radius:5px}
.chatlist .name{height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;}
.chatlist .cont{color:#888888;font-size:14px;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;max-width:200px}
.chatlist:active{background:rgba(0,0,0,0.05);}

.agenhclsdiv{display:inline-block;background:white;width:100%}
.agenhcls{min-width:80px;text-align:center;cursor:pointer;float:left;padding:10px;margin-left:5px;position:relative}
.agenhcls img{height:30px;width:30px;border-radius:5px}
.agenhcls:active{background-color:rgba(0,0,0,0.05);}
.agenhcls span{position:absolute;right:1px;top:1px}

.toolsliao{height:34px;overflow:hidden;border-top:#dddddd solid .5px;color:#aaaaaa;line-height:34px;}
.chattitbtn:active{color:#1389D3;color:var(--main-color)}
.toolsspan{padding:2px 5px;cursor:pointer;margin-left:10px;color:#aaaaaa;font-size:20px}
.toolsspan:active{background-color:rgba(0,0,0,0.05);border-radius:5px;color:var(--main-color)}